/* $Id: modal.css,v 1.6 2009/07/10 17:40:09 merlinofchaos Exp $ */

/* CTools popup */

#modalContent {
  top: 0 !important;
  }

#modalBackdrop {
  background: blue;
  }
div.ctools-modal-content,
#wysiwyg_imagefield-dialog {
  color: #000;
  padding: 20px 0 0 25px;
  margin: 0;
  border: none;
  text-align: left;
  background: #fff;
  -moz-box-shadow: 0 .5em 3em rgba(0,0,0,0.6);
  -webkit-box-shadow: 0 .5em 3em rgba(0,0,0,0.6);
  box-shadow: 0 .5em 3em rgba(0,0,0,0.6);
  }

#modal-content {
  border: none;
  background: #fff;
  padding-bottom: 0;
  }

div.ctools-modal-content .modal-title {
  font-size: 120%;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
}

div.ctools-modal-content .modal-header {
  background-color: #fff;
  padding: 0 1em;
  }

div.ctools-modal-content .modal-header a {
  float: right;
}

div.ctools-modal-content .modal-content {
  padding: 1em 1em 0 1em;
  overflow: auto;
  width: 575px;
  height: 400px;
}

div.ctools-modal-content .modal-form {
}

div.ctools-modal-content a.close:hover {
  text-decoration: none;
}

div.ctools-modal-content a.close img {
  position: relative;
  top: 1px;
}

div.ctools-modal-content .modal-content .modal-throbber-wrapper {
  text-align: center;
}

div.ctools-modal-content .modal-content .modal-throbber-wrapper img {
  margin-top: 160px;
}

/** modal forms CSS **/

div.ctools-modal-content .form-item label.option {
  width: auto;
  float: none;
}

div.ctools-modal-content .form-item .description {
  clear: left;
}

div.ctools-modal-content .form-item .description .tips {
  margin-left: 2em;
}

div.ctools-modal-content .no-float .form-item * {
  float: none;
}

div.ctools-modal-content .modal-form .no-float label  {
  width: auto;
}

div.ctools-modal-content fieldset,
div.ctools-modal-content .form-radios,
div.ctools-modal-content .form-checkboxes {

}

div.ctools-modal-content fieldset {
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
  clear: left;
}

div.ctools-modal-content #edit-settings-front-node-options-wrapper .form-checkboxes .form-item {
  float: left;
  margin-right: 7px;
  }

div.ctools-modal-content .resizable-textarea {
  width: auto;
  margin-left: 15em;
  margin-right: 5em;
}


#modalContent {
  padding: 0 23px 35px 40px;
  background: transparent;
  }

#ctools-left, #ctools-right, #ctools-bottom {
  position: absolute;
  }


#ctools-right {
  left: auto;
  right: 0;
  background-position: 100% 100%;
  width: 23px;
  bottom: -6px;
  }

#ctools-bottom {
  }